<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/mian.css">
</head>
<body>
	<!-- 顶部 开始-->
	<div class="top">
		<div class="top_nav">
			<div class="left">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读器</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米网移动版</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">SelectRegion</a>
			</div>
			<div class="right">
				<a href="">登录</a><span>|</span>
				<a href="">注册</a><span>|</span>
				<a href="">购物车</a>
			</div>
		</div>
	</div>
	<!-- 顶部结束 -->
	<!-- 头部开始 -->
	<div class="head">
		<div class="matter">
			<div class="nav">
				<div class="left">
					<img src="./images/logo/logo.png" alt="logo">
					<img src="./images/haidaoquannew.gif" alt="">
				</div>
				<div class="mid">
					<a href="">小米手机</a>
					<a href="">红米</a>
					<a href="">平板</a>
					<a href="">电视</a>
					<a href="">盒子 · 影音</a>
					<a href="">路由器</a>
					<a href="">智能硬件</a>
					<a href="">服务</a>
					<a href="">社区</a>
				</div>
				<div class="right">
					<div class="right_l"></div>
					<div class="right_r"></div>
				</div>
			</div>
			<div class="up">
				<img src="./images/01cd3ede-8683-4b2d-95e9-ba8ca9216199.jpg" alt="">
				<div class="left">
					<li class="">手机 平板 电话卡</li>
					<li class="">电视 盒子</li>
					<li class="">路由器 智能硬件</li>
					<li class="">移动电源 插线板</li>
					<li class="">耳机 音箱</li>
					<li class="">电池 存储卡</li>
					<li class="">保护套 后盖</li>
					<li class="">贴膜 其他配件</li>
					<li class="">米兔 服装</li>
					<li class="">箱包 其他周边</li>
				</div>
				<div class="left_brother"></div>
				<div class="right"></div>
			</div>
			<div class="mid">
				<div class="left">
					<li class="">电信专场</li>
					<li class="">企业团购</li>
					<li class="">官翻产品</li>
					<li class="">小米移动</li>
					<li class="">以旧换新</li>
					<li class="">话费充值</li>
				</div>
				<div class="right">
					<img src="./images/9df8948d-398c-4aa6-a744-2321c7b2dbbc.jpg" alt="">
					<img src="./images/05afb66f-1334-4522-a472-b8aee48cf3de.jpg" alt="">
					<img src="./images/ddffe50f-7022-48ed-9553-24fb7c29dcc4.jpg" alt="">
				</div>
			</div>
			<div class="bottom">
				<div class="up">
					<div class="left">
						<a class="">小米明星单品</a>
					</div>
					<div class="right"></div>
				</div>
				<div class="end">
					<div class="pic">
						<img src="./images/40d24892-317d-4883-ad63-647f1b9e3cdf.png" alt="">
						<li class="up">小米手机5 尊享版</li>
						<li class="mid">4GB+128GB陶瓷版，7月19日开售</li>
						<li class="bottom">2699元</li>
					</div>
					<div class="pic">
						<img src="./images/0df5d106-ab01-4013-87de-a9793094245d.png" alt="">
						<li class="up">小米Max 高配版</li>
						<li class="mid">6.44英寸大屏，3GB内存+64GB容量</li>
						<li class="bottom">1699元</li>
					</div>
					<div class="pic">
						<img src="./images/a8a21b9a-1b93-467d-baf3-1653976c4bdf.png" alt="">
						<li class="up">红米手机3S</li>
						<li class="mid">金属机身，指纹识别，超长待机</li>
						<li class="bottom">699元起</li>
					</div>
					<div class="pic">
						<img src="./images/4c68c352-fbd3-452d-be90-7b47e4f6ce76.png" alt="">
						<li class="up">小米平板2 16GB现货 </li>
						<li class="mid">轻薄全金属，海量内容</li>
						<li class="bottom">999元</li>
					</div>
					<div class="pic_ind">
						<img src="./images/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt="">
						<li class="up">小米电视3S 48英寸</li>
						<li class="mid">原装液晶屏，金属机身，足量现货</li>
						<li class="bottom">1999元</li>
					</div>
				</div>
			</div>
		</div>	
	</div>
	<!-- 头部结束 -->
	<!-- 中间内容开始 -->
	<div class="main"></div>
	<!-- 中间内容结束 -->
	<!-- 底部开始 -->
	<div class="foot"></div>
	<!-- 底部结束 -->
</body>
</html>